<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>MuLinson.Bolo</title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
	<div data-role="page" id="index2">
		<div data-role="header">
			<h1>MuLinson.Notes > CSS</h1>
		</div>
		<div role="main" class="ui-content">
			<p><a href="index.html" data-transition="slide">返回</a></p>
			<ul data-role="listview" data-inset="ture" class="page_ul">
				<li>
					<p>
						这篇文章的内容是关于CSS（层叠样式表），CSS对于前端开发的童鞋来说是再熟悉不过了，它主要作用是给HTML进行布局和添加样式的，简单易学，可能因为上手快，常常容易忽略一些细微的问题，小木的这篇文章主要是针对这些问题作了些个人的理解和阐述，可能不是很全面，但是希望能给学习的孩子带来帮助
					</p>					
				</li>
				<li>
					<h5>关于CSS中的通配符*</h5>
					<p>
					    有时候我们可能会看见在别人的css代码中有出现过*这个符号或者是自己现在也在用（例如： *{......} ），*{......}在CSS中表示获取全部的标签然后给它们进行样式重置，看到这里，也许会有童鞋觉得这个*太管用了，用*可以省很多的事。确实在程序猿眼中看似省事了，可是对浏览器来说那可不是省事而是一种负担，因为我们写的代码程序是要给浏览器解析的，当浏览器解析这个*时，它要把所有的HTML标签重新遍历一遍，对于代码量小的页面来说，浏览器的加载速度没什么影响，要是对于代码量多的页面，就要费些时间加载完，对于用户体验的质量也会跟着下降。
					</p>
					<p>
						所以在一般情况下，都不建议使用*，而是把那些需要做样式重置的标签一一例出来进行相应的重置。
					</p>
				</li>
				<li>
					<h5>CSS的样式重置顺序</h5>
					<p>
						一般情况下，我们都会把作用范围大，被识别程度高的样式代码放在前面（或者是把它们单独放置在一个文件中，命名为reset.css)，而作用区域较小的样式代码按照它们相对应的标签顺序去写，因为浏览器的解析顺序是自上而下的，有些时候我们可能会把有些元素的样式重写，就涉及到样式覆盖以及选择器的优先级的问题了（关于选择器的优先级会在之后进行详解）而在大型而复杂的网站中，CSS的文件会被模块化管理（例如：可能会按照页面结构来划分header，container，footer三个部分，每个部分放置相对应模块的CSS文件）
					</p>
				</li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
<!-- 			<table data-role="table">
				<thead><tr><td></td></tr></thead>
				<tbody><tr><td></td></tr></tbody>
				<tfoot><tr><td></td></tr></tfoot>
			</table> -->
		</div>
	</div>
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="js/jquery.mobile-1.4.5.js"></script>
</body>
</html>